<template>
    <div class="">
        <el-form ref="form" :model="form" :rules="rules" label-width="100px">
            <el-row :gutter="20">
                <el-col :span="12">
                    <el-form-item label="票据类型" prop="deptName">
                        <el-input
                            v-model="form.billType"
                            placeholder="请输入票据类型"
                            size="small"
                        />
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="本位币" prop="orderNum">
                        <el-input
                            v-model="form.orderNum"
                            controls-position="right"
                            size="small"
                        />
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row :gutter="20">
                <el-col :span="12">
                    <el-form-item label="票据号" prop="leader">
                        <el-input
                            v-model="form.billNo"
                            placeholder="请输入票据号"
                            size="small"
                            maxlength="20"
                        />
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="汇率类型" prop="phone">
                        <el-input
                            v-model="form.phone"
                            placeholder="请输入汇率类型"
                            size="small"
                            maxlength="11"
                        />
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row :gutter="20">
                <el-col :span="12">
                    <el-form-item label="币别" prop="kingBaseCurrencyId">
                        <el-input
                            v-model="form.kingBaseCurrencyId"
                            placeholder="请输入币别"
                            maxlength="50"
                            size="small"
                        />
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="汇率" prop="email">
                        <el-input
                            v-model="form.email"
                            placeholder="请输入汇率"
                            maxlength="50"
                            size="small"
                        />
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row :gutter="20">
                <el-col :span="12">
                    <el-form-item label="收款日期" prop="email">
                        <el-date-picker
                            v-model="form.issuanceTime"
                            format="yyyy-MM-dd"
                            value-format="yyyy-MM-dd"
                            :style="{ width: '100%' }"
                            placeholder="请选择收款日期"
                            clearable
                        ></el-date-picker>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="票面金额" prop="email">
                        <el-input
                            v-model="form.email"
                            placeholder="请输入票面金额"
                            maxlength="50"
                            size="small"
                        />
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row :gutter="20">
                <el-col :span="12">
                    <el-form-item label="收款银行" prop="receiptBankId">
                        <el-input
                            v-model="form.receiptBankId"
                            placeholder="请选择收款银行"
                            maxlength="50"
                            size="small"
                        />
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="实收金额" prop="email">
                        <el-input
                            v-model="form.email"
                            placeholder="请输入实收金额"
                            maxlength="50"
                            size="small"
                        />
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row :gutter="20">
                <el-col :span="12">
                    <el-form-item
                        label="收款银行账号"
                        prop="receiptBankAccount"
                    >
                        <el-input
                            v-model="form.receiptBankAccount"
                            placeholder="请选择收款银行账号"
                            maxlength="50"
                            size="small"
                        />
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="到期收款金额" prop="email">
                        <el-input
                            v-model="form.email"
                            placeholder="请输入到期收款金额"
                            maxlength="50"
                            size="small"
                        />
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row :gutter="20">
                <el-col :span="12">
                    <el-form-item label="收款账户名称" prop="email">
                        <el-input
                            v-model="form.email"
                            placeholder="请选择收款账户名称"
                            maxlength="50"
                            size="small"
                        />
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="利息" prop="email">
                        <el-input
                            v-model="form.email"
                            placeholder="请输入利息"
                            maxlength="50"
                            size="small"
                        />
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row :gutter="20">
                <el-col :span="12">
                    <el-form-item label="收款组织" prop="receiptDeptId">
                        <el-input
                            v-model="form.receiptDeptId"
                            placeholder="请选择收款组织"
                            maxlength="50"
                            size="small"
                        />
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="费用" prop="email">
                        <el-input
                            v-model="form.email"
                            placeholder="请输入费用"
                            maxlength="50"
                            size="small"
                        />
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row :gutter="20">
                <el-col :span="12">
                    <el-form-item label="结算号" prop="email">
                        <el-input
                            v-model="form.email"
                            placeholder="请选择结算号"
                            maxlength="50"
                            size="small"
                        />
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="备注" prop="email">
                        <el-input
                            v-model="form.email"
                            placeholder="请输入备注"
                            maxlength="50"
                            size="small"
                        />
                    </el-form-item>
                </el-col>
            </el-row>
        </el-form>
    </div>
</template>

<style scoped lang="scss"></style>
<script>
import { getDetail } from "@/api/finance/receivebill";

export default {
    data() {
        return {
            title: "应收票据-到期付款",
            open: false,
            form: {},
            rules: {},
        };
    },
    methods: {
        show(open, id) {
            console.log(open);
            getDetail(id).then((res) => {
                this.form = res.data.kingFinanceReceiptBillEntity;
            });
            this.open = open;
        },
        submitForm() {},
        cancel() {},
    },
};
</script>
